import { createRouter, createWebHistory } from 'vue-router'
const routes = [
	{
	  path: '/',
	  redirect:'/music/index'
	},
	{
		path: '/music',
		name: 'music',
		component: () => import(/* webpackChunkName: "index" */ '../views/music/music.vue'),
		 redirect:'/music/index',
		children:[
			{
				path: 'index',
				name: 'index',
				component: () => import(/* webpackChunkName: "index" */ '../views/music/index/index.vue')
			},
			{
				path: 'singer',
				name: 'singer',
				component: () => import(/* webpackChunkName: "singer" */ '../views/music/singer/singer.vue')
			},
			{
				path: 'album',
				name: 'album',
				component: () => import(/* webpackChunkName: "album" */ '../views/music/album/album.vue')
			},
			{
				path: 'mv',
				name: 'mv',
				component: () => import(/* webpackChunkName: "mv" */ '../views/music/mv/mv.vue')
			},
			{
				path: 'songs',
				name: 'songs',
				component: () => import(/* webpackChunkName: "songs" */ '../views/music/songs/songs.vue')
			},
			{
				path: 'type',
				name: 'type',
				component: () => import(/* webpackChunkName: "type" */ '../views/music/type/type.vue')
			}, 
			{
				path: 'rank',
				name: 'rank',
				component: () => import(/* webpackChunkName: "rank" */ '../views/music/rank/rank.vue')
			},
		]
	},
	{
		path: '/news',
		name: 'news',
		component: () => import(/* webpackChunkName: "index" */ '../views/news/news.vue')
	},
	{
		path: '/my',
		name: 'my',
		component: () => import(/* webpackChunkName: "index" */ '../views/my/my.vue')
	},
	{
		path: '/other',
		name: 'other',
		component: () => import(/* webpackChunkName: "index" */ '../views/other/other.vue')
	}
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

export default router
